	
	<template>
		<div>
	<!-- <el-main style="height:65px;">
          
    </el-main> -->

    <!--底部菜单-->
    <mt-tabbar fixed>

          <mt-tab-item id="首页" href="/#/" class="icon_index" :class="index">
            <img slot="icon" src="../common/images/logo3.png">
            首页
          </mt-tab-item>
          <mt-tab-item id="消息" href="/#/information" :class="info">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-xinxi"></use>
            </svg>
            <span style="margin-top:5px;display: block;">消息</span>
          </mt-tab-item>
          <mt-tab-item id="购物车" href="/#/cart" :class="cart">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-gouwuchekong"></use>
            </svg>
		        <span style="margin-top:5px;display: block;">购物车</span>
            
          </mt-tab-item>
          <mt-tab-item id="我的" href="/#/userCenter" :class="user">
          	<svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-wode2"></use>
            </svg>
		        <span style="margin-top:5px;display: block;">我的</span>
          </mt-tab-item>
 	</mt-tabbar>
 	
 	</div>
 </template>

<style> 
.mint-tab-item{color:#333;}
</style>

<script>
export default {

 props:{ // 子组件获取 父组件 数据
      info: {
        type: String
      },
      cart: {
        type: String
      },
      user: {
        type: String
      }
 	}
 }
</script>